<template>
  <div class="ai" id="app">
    <router-view></router-view>
  </div>
</template>
<script>
export default {
  name: 'app'
}
</script>
<style lang="scss">
  html{
    height: 100%;
  }
  body{
    font-size: 36px;
    background: #f5f5f5;
    height: 100%;
  }
  .ai{
    position: relative;
    height: 100%;
  }
  @media only screen and (min-width: 1029px) {
    #app{
      position: relative;
      margin: 0 auto;
      width: 10rem;
      height: 17.786667rem;
    }
  }
</style>
